<div class="row-fluid">
    <div class="span12">
        <div class="page-header">
            <h1>
                User's Answer : {$date}
            </h1>
        </div>
    </div>
</div>
<div class="row-fluid">
    <table class="table table-striped">
        <thead>
            <th width="30">No.</th>
            <th>time_add</th>
            <th>FB ID</th>
            <th>Name</th>
            <th>tel</th>
            <th>card_no</th>
            <th>status</th>
        </thead>
        <tbody>
            {loop="user_answer"}
                <tr>
                    <td colspan="8" style="vertical-align: middle; text-align: center; font-weight: bold; background: #eeeeee;">{$value.time_period}</td>
                </tr>
                {loop="$value.user_list"}
                <tr>
                    <td style="vertical-align: middle;">{$counter+1}</td>
                    <td style="vertical-align: middle;">{$value.time_add}</td>
                    <td style="vertical-align: middle;"><a href="https://www.facebook.com/{$value.fb_id}" target="_blank">{$value.fb_id}</a></td>
                    <td style="vertical-align: middle;">{$value.name}</td>
                    <td style="vertical-align: middle;">{$value.tel}</td>
                    <td style="vertical-align: middle;">{$value.card_no}</td>
                    <td style="vertical-align: middle;">{$value.status}</td>
                </tr>
                {else}
                <tr>
                    <td colspan="8" style="vertical-align: middle; text-align: center;">ไม่มีคนตอบ</td>
                <tr>
                {/loop}
            {/loop}
        </tbody>
    </table>
    <script type="text/javascript">
    $(function() {
      $('table img').lazyload();
    })
    </script>
</div>